#{set title:'Login' /}


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	   
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/landingPage.css'}" />
	</head>
	<body>
		<div id="landingWrapper">
			<div id="contentWrapper">
				<div id="search">
					<div id="search" class="teaser">
						<form action="@{Application.searchResults()}" method="GET">
							<input style="float: left; background: #fff;" onclick="this.value=(this.value=='Search')?'':this.value; return false;" onblur="this.value=(this.value=='')?'Search':this.value; return false;" type="text" value="Search" name="searchKeyWord" class="inputText" />
							<input style="float: right;" type="image" src="/public/images/search.png" alt="Submit" />
							<div class="clear"></div>
							<span class="error">#{error 'searchKeyWord' /}</span>
						</form>
					</div>
				</div>
				<div id="login">
					#{form @authenticate()}
						
						#{if flash.error}
							<p class="error">
								&{flash.error}
							</p>
						#{/if}
						#{if flash.success}
							<p class="success">
								&{flash.success}
							</p>
						#{/if}
					
						<div class="formEntry">
							<label for="username">&{'secure.username'}</label>
							<input type="text" name="username" id="username" value="${flash.username}" />
							
							<div class="clear"></div>
						</div>
						
						<div class="formEntry">
							<label for="password">&{'secure.password'}</label>
							<input type="password" name="password" id="password" value="" />
							
							<div class="clear"></div>
						</div>
						
						<div class="formEntry">
							<label for="remember">&{'secure.remember'}</label>
							<input style="line-height: 30px; height: 30px;" type="checkbox" name="remember" id="remember" value="true" ${flash.remember ? 'checked="true"' : ''} />
							
							<div class="clear"></div>
						</div>
						
							<input style="margin-top: 15px; margin-left: 10px;" type="submit" id="signin" value="&{'secure.signin'}" />
					#{/form}
					#{form @authenticate()}
						<input type="hidden" id="username" name="username" value="guest" />
						<input type="hidden" id="password" name="password" value="secretGuest" />
						<input style="margin-top: 15px; margin-left: 10px;" type="submit" id="signin" value="Sign in as guest" />
					#{/form}
					#{form @Users.register()}
						<input style="margin-top: 15px; margin-left: 10px;" type="submit" id="register" value="Register" />
					#{/form}
					#{form @Users.forgotPassword()}
						<input style="margin-top: 10px; margin-left: 10px;" type="submit" id="signin" value="Forgot My Password" />
					#{/form}
					<div class="clear"></div>
				</div>
			</div>
			<div id="foot">
						<a href="@{Browse.about()}">About us</a>
						<span>&nbsp;|&nbsp;</span>
							<a id="sendFeedback" href="#contactForm">Send Feedback</a>
						<span>&nbsp;|&nbsp;</span>
						<a href="#">Imprint</a>			
			</div>
			
		</div>
	</body>
</html>